﻿<!--Input fields Start-->
<div class="grid">
    <div class="grid-title">
        <div class="pull-left">
            <div class="icon-title"><i class="icon-briefcase"></i></div>
            <span>Inputs</span>
            <div class="clearfix"></div>
        </div>
        <div class="pull-right">
            <div class="icon-title"><a href="#"><i class="icon-refresh"></i></a></div>
            <div class="icon-title"><a href="#"><i class="icon-user"></i></a></div>
            <div class="icon-title"><a href="#"><i class="icon-cog"></i></a></div>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="grid-content">
        <div class="formRow">
            <label>Input text: </label>
            <div class="formRight">
                <input type="text" id="name" name="name" class="span input">
            </div>
        </div>

        <div class="formRow">
            <label>Input password:</label>
            <div class="formRight">
                <input type="password" id="pass1" name="pass1" class="span input">
            </div>
        </div>
        <div class="formRow">
            <label>Input - placeholder:</label>
            <div class="formRight">
                <input type="text" class="span input" placeholder="text">
            </div>
        </div>
        <div class="formRow">
            <label>Predefined value:</label>
            <div class="formRight">
                <input type="text" class="span input" value="http://">
            </div>
        </div>
        <div class="formRow">
            <label>Max 10 characters:</label>
            <div class="formRight">
                <input type="text" class="span input" maxlength="10">
            </div>
        </div>
        <div class="formRow">
            <label>Disabled field:</label>
            <div class="formRight">
                <input type="text" class="span input" value="message" disabled>
            </div>
        </div>
        <div class="formRow">
            <label>Select:</label>
            <div class="formRight">
                <select class="chzn-select chosen_select width-100">
                    <option value=""></option>
                    <option value="United States">United States</option>
                    <option value="United Kingdom">United Kingdom</option>
                    <option value="Afghanistan">Afghanistan</option>
                    <option value="Albania">Albania</option>
                    <option value="Algeria">Algeria</option>
                    <option value="American Samoa">American Samoa</option>
                    <option value="Andorra">Andorra</option>
                    <option value="Angola">Angola</option>
                    <option value="Anguilla">Anguilla</option>
                    <option value="Antarctica">Antarctica</option>
                    <option value="Antigua and Barbuda">Antigua and Barbuda</option>
                    <option value="Argentina">Argentina</option>
                    <option value="Armenia">Armenia</option>
                    <option value="Aruba">Aruba</option>
                    <option value="Australia">Australia</option>
                    <option value="Austria">Austria</option>
                    <option value="Azerbaijan">Azerbaijan</option>
                    <option value="Bahamas">Bahamas</option>
                    <option value="Bahrain">Bahrain</option>
                    <option value="Bangladesh">Bangladesh</option>
                    <option value="Haiti">Haiti</option>
                    <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option>
                    <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option>
                    <option value="Honduras">Honduras</option>
                    <option value="Hong Kong">Hong Kong</option>
                    <option value="Hungary">Hungary</option>
                    <option value="Iceland">Iceland</option>
                    <option value="Tanzania, United Republic of">Tanzania, United Republic of</option>
                    <option value="Thailand">Thailand</option>
                    <option value="Timor-leste">Timor-leste</option>
                    <option value="Togo">Togo</option>
                    <option value="Tokelau">Tokelau</option>
                    <option value="Tonga">Tonga</option>
                    <option value="Trinidad and Tobago">Trinidad and Tobago</option>
                    <option value="Tunisia">Tunisia</option>
                    <option value="Turkey">Turkey</option>
                    <option value="Turkmenistan">Turkmenistan</option>
                    <option value="Turks and Caicos Islands">Turks and Caicos Islands</option>
                    <option value="Tuvalu">Tuvalu</option>
                    <option value="Uganda">Uganda</option>
                    <option value="Ukraine">Ukraine</option>
                    <option value="United Arab Emirates">United Arab Emirates</option>
                    <option value="United Kingdom">United Kingdom</option>
                    <option value="United States">United States</option>
                    <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option>
                    <option value="Uruguay">Uruguay</option>
                    <option value="Uzbekistan">Uzbekistan</option>
                    <option value="Vanuatu">Vanuatu</option>
                    <option value="Venezuela">Venezuela</option>
                    <option value="Viet Nam">Viet Nam</option>
                    <option value="Virgin Islands, British">Virgin Islands, British</option>
                    <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option>
                    <option value="Wallis and Futuna">Wallis and Futuna</option>
                    <option value="Western Sahara">Western Sahara</option>
                    <option value="Yemen">Yemen</option>
                    <option value="Zambia">Zambia</option>
                    <option value="Zimbabwe">Zimbabwe</option>
                </select>
            </div>
        </div>

        <div class="formRow">
            <label>Multiple select:</label>
            <div class="formRight">
                <select data-placeholder="Your Favorite Types of Bear" multiple class="chzn-select width-100" tabindex="8">
                    <option value=""></option>
                    <option>American Black Bear</option>
                    <option>Asiatic Black Bear</option>
                    <option>Brown Bear</option>
                    <option>Giant Panda</option>
                    <option>Sloth Bear</option>
                    <option disabled>Sun Bear</option>
                    <option>Polar Bear</option>
                    <option disabled>Spectacled Bear</option>
                </select>
            </div>
        </div>
        <div class="formRow">
            <label>Usual textarea:</label>
            <div class="formRight">
                <textarea class="span input same-height-1" name="message" cols="100" rows="3"></textarea>
            </div>
        </div>

        <div class="clearfix"></div>
    </div>
</div>
<!--Input fields END-->